<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>jQuery</title>
    <link rel="stylesheet" href="./jQuery.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
<div>
    <div class="a"></div>
    <div class="b">
        <div class="d">
            <a href=""><img src="./img/jq.png"></a>
        </div>
        <div class="e">
            <div class="container">
                <div class="row">
                    <div class="col-xs-8">
                        <div class=" text-center "><button class=" btn-large" type="button" >首页</button></div>
                        <div class=" text-center "><button class="  btn-large-1" type="button" >jQuery API 中文文档</button></div>
                        <div class=" text-center "><button class="  btn-large" type="button" >jQuery CDN</button></div>
                        <div class=" text-center "><button class="  btn-large" type="button" >jQuery 插件</button></div>
                        <div class=" text-center "><button class="  btn-large" type="button" >浏览器支持</button></div>
                    </div>
                    <div class="col-xs-4">
                        <div class="container input-append">
                            <input class="s" id="appendedInputButton" type="text"  placeholder=" 搜索jQuery的相关知识">
                            <button class="q">搜</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="f">
            <div  class="container">
                <div class="row">
                    <div class="col-xs-4">
                        <li class="haha"><a class="pp">Ajax</a></li>
                        <ul >
                            <li class="hehe"><a class="pp">全局Ajax事件处理器</a></li>
                            <li class="hehe"><a class="pp">辅助函数</a></li>
                            <li class="hehe"><a class="pp">快捷方式</a></li>
                            <li class="hehe"><a class="pp">底层接口</a></li>
                        </ul>
                        <li class="haha"><a class="pp">DOM属性</a></li>
                        <li class="hehe"><a class="pp">回调对象</a></li>
                        <li class="hehe"><a class="pp">核心API</a></li>
                        <li class="hehe"><a class="pp">CSS</a></li>
                        <li class="hehe"><a class="pp">数据操作</a></li>
                    </div>
                    <div id="content">
                        <h1 class="page-title">jQuery API 中文文档</h1>
                        <p>jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。如果你是一个 jQuery 新手，我们建议你先到<a href="http://learn.jquery.com/" target="_blank">jQuery 学习中心</a>历练历练。</p>
                        <p>如果你是在升级新版本的 jQuery ，务必阅读<a href="http://blog.jquery.com/" target="_blank">我们博客</a>上列出的版本发布说明。如果你以前使用的是 1.9 版本之前的 jQuery ，建议你再看一看 <a href="http://jquery.com/upgrade-guide/1.9/" target="_blank">1.9 版本升级指南</a>。</p>
                        <p>注意，这份 API 中文文档是关于 jQuery 的，其他兄弟项目的 API 文档地址如下：</p>
                        <ul>
                            <li><a href="http://api.jqueryui.com/" target="_blank">jQuery UI API 文档</a></li>
                            <li><a href="http://api.jquerymobile.com" target="_blank">jQuery Mobile API 文档</a></li>
                            <li><a href="http://api.qunitjs.com" target="_blank">QUnit API 文档</a></li>
                        </ul>
                        <hr>

                        <div class="col-xs-8">


                            <div class="wawa">
                                <h3 class="mm"><a class="oo"><b>.add()</b></a></h3>
                                <p  class="xx">添加元素到匹配的元素集合。</p>
                                <div class="xxx"><a class="ooo">遍历>其他遍历</a></div>
                            </div>
                            <div class="wawa"> <h3 class="mm"><a class="oo"><b>.addBack()</b></a></h3>
                                <p  class="xx">添加堆栈中元素集合到当前集合，一个选择性的过滤选择器。</p>
                                <div class="xxx"><a class="ooo">遍历>其他遍历</a></div>
                            </div>
                            <div class="wawa"> <h3 class="mm"><a class="oo"><b>.addClass()</b></a></h3>
                                <p  class="xx">为每个匹配的元素添加指定的样式类名。</p>
                                <div class="xxx"><a class="ooo">Ajax>全局 Ajax 事件处理器</a></div>
                            </div>
                            <div class="wawa"> <h3 class="mm"><a class="oo"><b>.ajaxComplete()</b></a></h3>
                                <p  class="xx">当Ajax请求完成后注册一个回调函数。这是一个AjaxEvent。</p>
                                <div class="xxx"><a class="ooo">Ajax>全局 Ajax 事件处理器</a></div>
                            </div>
                            <div class="wawa"> <h3 class="mm"><a class="oo"><b>.after()</b></a></h3>
                                <p  class="xx">在匹配元素集合中的每个元素后面插入参数所指定的内容，作为其兄弟节点。</p>
                                <div class="xxx"><a class="ooo">DOM操作>DOM插入现有元素外</a></div>
                            </div>
                            <div class="wawa"> <h3 class="mm"><a class="oo"><b>.ajaxError()</b></a></h3>
                                <p  class="xx">Ajax请求出错时注册一个回调处理函数，这是一个Ajax Event。</p>
                                <div class="xxx"><a class="ooo">Ajax>全局 Ajax 事件处理器</a></div>
                            </div>

                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="g">
        <div class="h"></div>
    </div>
    <div class="c">
        <div class="container">
            <div style="background-color: black;width: 100%;height: 1px;margin-top: 50px;"></div>
            <p style="margin-top: 10px;font-size: 10px;"><a class="ppp">本站使用了 BootCDN 提供的开源项目免费 CDN 加速</a></p>
        </div>
    </div>
</div>
</body>
</html>